<template>
  <div id="app">
		<!-- <keep-alive> -->
		<router-view/>
		<ul class="bottomNav">
			<router-link to='/transfer' tag='li'>
				<i class="iconfont icon-caiwuchazhang-copy"></i>
				<p>财务</p>
			</router-link>
			<router-link to='/business' tag='li'>
				<i class="iconfont icon-biaoqian"></i>
				<p>业务</p>
			</router-link>
			<router-link to='/Personal' tag='li'>
				<i class="iconfont icon-wode1"></i>
				<p>我的</p>
			</router-link>
		</ul>
		<!-- </keep-alive> -->
  </div>
</template>


<script>
// import Notice from './components/Notice/Notice'
import './assets/css/all.scss'
import './assets/font/iconfont.css'


export default {
	name: 'App',
	components: {
		// Notice
	},
	methods:{

	},
	mounted(){
	}
}
</script>

<style lang='scss'>
#globalMenu{background-color: white;border-radius: 50%;box-shadow: 0 4px 10px rgba(0,0,0,.1);position: fixed;left:10px;bottom: 10px;text-align: center;z-index: 2;
	.iconfont{font-size:24px;font-weight: bold;line-height: 44px;width:44px;height:44px;display: block;}
}

.bottomNav{background-color: white;
	position: absolute;
	z-index:10;
	left:0;
	bottom: 0;
	width:100%;
	display: flex;

	li{width:33.33%;text-align:center;padding:5px 0;
		i{font-size: 20px;}
		p{font-size:12px;}
	}
	li.router-link-active{color:#e86e50;}
}
</style>

